.carousel-wrap {
    height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
    .arrow {
        position: absolute;
        z-index: 10;
        width: 40px;
        height: 40px;
        top: 50%;
        cursor: pointer;
        border-radius: 20px;
        opacity: 0;
        transition: opacity .3s ease;
    }
    .arrow-hover {
        opacity: 1;
    }
    .left-arrow {
        left: 20px;
        background: url("../../static/left.png") no-repeat center;
    }
    .right-arrow {
        right: 20px;
        background: url("../../static/right.png") no-repeat center;
    }
    .inner {
        position: absolute;
        top: 0px;
        left: 0px;
        height: inherit;
        width: inherit;
        img {
            width: inherit;
            height: inherit;
            z-index: 0;
        }
        .active {
            z-index: 2;
        }
        .animate {
            transition: transform .4s ease-in-out;
        }
    }
    .indicator {
        position: absolute;
        bottom: 20px;
        left: 50%;
        li {
            list-style: none;
            .indicator-botton {
                display: inline-block;
                width: 8px;
                height: 8px;
                background-color: white;
                border-radius: 3px;
            }
        }
    }
}